<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 锤子商城</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/sticky.css">
    <link rel="stylesheet" href="./css/banner.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/forum.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.css">
</head>

<body>
    @@include("./components/header.html")
    @@include("./components/sticky.html")
    @@include("./components/banner.html")
    <div class="featured">
        <div class="top">
            <p>
                热门商品
                <span>></span>
                <span><</span>
            </p>
        </div>
        <div class="buttom">

        </div>
    </div>
    <div class="section">

    </div>
    @@include("./components/forum.html")
    @@include("./components/footer.html")

    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.js"></script>
    <script>
        var mySwiper = new Swiper('.swiper-container', {
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            autoplay: true,
            loop: true,
            effect: 'fade',
        })
    </script>
    <script src="./javascripts/jQuery.js"></script>
    <script src="./javascripts/index.js"></script>
    <script src="./javascripts/section.js"></script>
    <script src="./javascripts/forum.js"></script>
    <script src="./javascripts/header.js"></script>
</body>

</html>